<div id="sub-nav">
    <div class="page-title" style="margin-bottom: 10px;">
        <h1>Login Area</h1>
    </div>
</div>
<div class="clear"></div>
<div id="page-layout">
    <div id="page-content">
        <div id="page-content-wrapper">
            <div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
                <div id="login" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
                    <?php
                    $form = $this->beginWidget('CActiveForm', array(
                        'id'    => 'login-form',
//                'enableClientValidation' => true,
//                'clientOptions'          => array(
//                    'validateOnSubmit' => true,
//                ),
                        'focus' => array($model, 'username'),
                        'errorMessageCssClass' => 'error',
                        ));
                    ?>
                    <ul>
                        <li>
                            <label class="desc" for="email">User name:</label>
                            <div>
                                <?php
                                    echo $form->textField($model, 'username', array(
                                    'style' => 'ime-mode: disabled;', 
                                    'class' => 'field text full'));
                                    echo $form->error($model, 'username');
                                ?>
                            </div>
                        </li>

                        <li>
                            <label class="desc" for="password">Password:</label>
                            <div>
                                <?php
                                echo $form->passwordField($model, 'password', array(
                                    'style' => 'ime-mode: disabled;',
                                    'class' => 'field text full'
                                ));
                                ?>
                                <?php echo $form->error($model, 'password'); ?>
                            </div>
                        </li>

                        <?php if (! $model->hiddenCaptcha) : ?>
                        <li>
                            <label class="desc" for="verifyCode">
                                <?php echo $model->getAttributeLabel('verifyCode') ?>
                            </label>
                            <div>
                                <?php
                                    echo $form->textField($model, 'verifyCode', array(
                                        'class' => 'field text full'
                                    ));
                                    echo $form->error($model, 'verifyCode');
                                ?>
                            </div>
                            <div style="text-align: center;">
                                <?php
                                    $this->widget('CCaptcha', array(
                                        'buttonLabel' => '',
                                        'clickableImage'=>true,
                                        'imageOptions'=>array(
                                            'title' => 'click here to change the text',
                                            'style' => 'cursor:pointer;margin-top:10px;',
                                        )
                                    ));
                                ?>
                            </div>
                        </li>
                        <?php endif; ?>

                        <li>
                            <?php
                                echo $form->checkBox($model, 'rememberMe', array(
                                    'class' => 'checkbox',
                                    'style' => 'float:left;',
                                ));
                                echo CHtml::label('Remember me.', 'LoginForm_rememberMe', array(
                                    'style' => 'float:left; margin:5px 0 0 5px; font-weight:900;'
                                ));
                            ?>
                        </li>

                        <li class="buttons">
                            <div>
                                <button type="submit" 
                                        class="ui-state-default ui-corner-all float-right ui-button">
                                    Submit
                                </button>
                            </div>
                        </li>
                    </ul>
                    <?php $this->endWidget(); ?>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>